@charset "utf-8";

@import url("mqq_reset.css");

/* *************************** 
   Comon Style
   ***************************/
body{ background-color:#FFF; }
a:hover{ text-decoration:underline; color:#E87300; }
#footer{ width:950px; height:60px; margin:0 auto; text-align:center; line-height:1.5; color:#9e9e9e;}
#footer a{ color:#9e9e9e; text-decoration:none;}
button{padding:0; margin:0; cursor:pointer; vertical-align:middle; }  
.btn-long{ background:url(../images/bg_btn_long.png) no-repeat; width:153px; height:24px; border:none 0; color:#005392; font-weight:bold; }
.btn-setting{ background:url(../images/btn_setting.png) no-repeat; width:46px; height:21px; border:none 0; }
.btn-logout{ background:url(../images/btn_logout.png) no-repeat; width:46px; height:21px; border:none 0; }
.btn-submit{ background:url(../images/btn_submit.png) no-repeat; width:58px; height:24px; border:none 0; } 
.btn-confirm{ background:url(../images/btn_confirm.png) no-repeat; width:58px; height:24px; border:none 0; } 
.btn-search{ background:url(../images/btn_search.png) no-repeat; width:58px; height:24px; border:none 0; } 
.btn-select-all{ background:url(../images/btn_select_all.png) no-repeat; width:60px; height:21px; border:none 0; }
.btn-select-inverse{ background:url(../images/btn_select_inverse.png) no-repeat; width:60px; height:21px; border:none 0; }
.btn-pop-close{ background:url(../images/btn_pop_close.png) no-repeat; width:14px; height:14px; border:none 0; }
.btn-mobile-match{ background:url(../images/btn_mobile_match.png) no-repeat; width:66px; height:24px; border:none 0; }
.btn-login{ background:url(../images/btn-login.png) no-repeat; width:97px; height:32px; margin:5px 0; cursor:pointer; border:none 0; }
.btn-register{ background:url(../images/btn-reg.png) no-repeat; width:97px; height:32px; margin:5px 30px; cursor:pointer; border:none 0; }
.btn-audit-fail{ background:url(../images/btn_audit_fail.png) no-repeat; width:70px; height:24px; border:none 0;}
.btn-audit-pass{ background:url(../images/btn_audit_pass.png) no-repeat; width:70px; height:24px; border:none 0;}
.btn-search-c{ background:url(../images/btn_search_c.png) no-repeat; width:58px; height:24px; border:none 0;}
.btn-togzip{ background:url(../images/btn_togzip.png) no-repeat; width:99px; height:24px; border:none 0;}
.btn-uploadtest{ background:url(../images/btn_uploadtest.png) no-repeat; width:131px; height:24px; border:none 0;}
.btn-pop-close2{ background:url(../images/btn_pop_close2.png) no-repeat; width:22px; height:22px; border:none 0; }
.btn-down-excel{ background:url(../images/btn_down_excel.png) no-repeat; width:125px; height:24px; border:none 0; }
.txt-right{ text-align:right; }
.txt-center{ text-align:center; }
.txt-left-m106{ margin-left:106px; }
.txt-top{ margin-top:-24px; }
.f-c-gray{ color:#8c8484; }


/* *************************** 
   Header Style
   ***************************/
.header{ background:url(../images/bg_header.png) repeat-x; height:94px; }
.header-logo{ background:url(../images/bg_logo.jpg) no-repeat; height:94px; }
.header-logo a{ display:block; text-indent:-999px; margin-left:30px; height:94px; width:300px; }
.header-info{ float:right; margin-top:-94px; padding:14px 19px 0 0; color:#FFF; line-height:16px; height:16px;}
.header-info span{ display:inline-block; line-height:18px; height:16px; }
.header-help{ background:url(../images/bg_help.png) no-repeat center left transparent; padding-left:20px; margin-left:10px; }
.header-help a{ text-decoration:none; color:#FFF; }
.header-help a:hover{ text-decoration:underline; color:#E87300; }
.header-action{ text-align:right; margin-top:30px; }
.header-action button{ margin-left:5px; cursor:pointer; }


/* *************************** 
   Main Page Style
   ***************************/
.content{ background:url(../images/bg_login_main.png) repeat-x; }
.page-wrapper{ padding-top:12px;  margin-bottom:40px; }
.page-main{ width:960px; margin:0 auto; border:1px solid #b7d0d4; background-color:#d8f2f6; margin-bottom:20px; }
.page-main:after{ content:"."; display:block; visibility:hidden; clear:both; overflow:hidden; font-size:0px; height:0;}
.left-menu{ width:215px; float:left; }
.page-content{ float:left; background-color:#fbfbfb; border-left:1px solid #b7d0d4; }


/* *************************** 
   Login Style
   ***************************/
.login-wrapper{ padding-top:120px; margin-bottom:40px; }
.login-main{ background:url(../images/login_box.png) no-repeat; margin:0 auto 20px; width:367px; height:301px; padding-top:58px; }
.login-box{ padding:13px 0 0 33px; color:#686868; }
.login-box p{ margin-bottom:7px; }
.login-box p img{ vertical-align:middle; height:32px; margin-left:10px; }
.login-box input{ width:210px; border:1px solid #d5d8d1; height:26px; line-height:26px; padding-left:5px; }
.forget-pwd{ margin-left:12px; }
.forget-pwd a{ text-decoration:none; color:#115398; }
.forget-pwd a:hover{ text-decoration:underline; color:#E87300; }
.login-fail-tips{ margin-left:8px; display:inline-block; height:27px; line-height:27px; border:1px solid #e1e2dc; padding:0 12px; background-color:#f3f4cf; color:#7c7573; font-weight:bold; vertical-align:middle; }


/* *************************** 
   Accordian Menu
   ***************************/
.accordian-menu-head{  font-size:14px; line-height:36px; text-indent:29px; font-weight:bold; margin-bottom:1px; }
.accordian-menu-head a{ color:#FFFFFF; text-decoration:none; }
#accordian-menu a.opened{ background:url(../images/bg_menu_open.png) no-repeat; height:36px; display:block; }
#accordian-menu a.closed{ background:url(../images/bg_menu_close.png) no-repeat; height:36px; display:block; }
.accordian-menu-head ul{ background-color:#FFF; border-bottom:1px solid #d5e5e8; }
.accordian-menu-head ul li{ height:36px; line-height:36px; text-indent:16px; }
.accordian-menu-head ul li a{ color:#3372a2; font-size:12px; line-height:36px; font-weight:normal; width:189px; display:block; border-top:1px solid #d5e5e8; margin:0 auto; }
.accordian-menu-head ul li a:hover{ text-decoration:underline; color:#E87300; }
#accordian-menu li.selected{ border-bottom:1px solid #b7d0d4; margin-bottom:-1px; position:relative; }
#accordian-menu li.selected a{ color:#1b1b1b; font-weight:bold; background: url(../images/bg_menu-select.png) no-repeat 5px center; margin-right:-1px; width:203px; background-color:#FFF; _position:relative; line-height:35px; }
#accordian-menu li.selected a:hover{ text-decoration:none; cursor:default; }


/* *************************** 
   Soft Manage Page
   ***************************/
.page-content-main{ padding:7px 7px 0 11px; min-height:400px; _height:400px; }
input, select, textarea, button{ font-size:12px; font-family:tahoma; vertical-align:middle; }
.table-box{ width:724px; margin:0 auto 6px; border:1px solid #a1b5ca; overflow:hidden; }
.table-box-separator{ height: 32px; padding-left:17px; line-height:32px; background-color:#e6f5f8; text-align:left; font-weight:bold; color:#000; border-top:1px solid #cee4f9;}
.table-box table{ width:726px; margin:-1px; font:normal normal 12px/1.5 tahoma,"宋体";}
.table-box table, .table-box th, .table-box td{ border:1px solid #cee4f9; border-collapse:collapse;}
.table-box th, .table-box td{ padding:6px; vertical-align:middle; }
.table-box label input{ vertical-align:baseline; }
.table-box th{ height:22px; background:url(../images/bg_table.png) 0 -34px repeat-x; font-weight:300;}
.table-box caption span{ display:block; padding-left:17px; background:url(../images/bg_table.png) 0 0 repeat-x; text-align:left; font:normal 700 14px/34px "宋体"; border-bottom:1px solid #a1b5ca; color:#000; }
.table-box a{ color:#3372a2; text-decoration:none; font-weight:700;}
.table-box a:hover{ text-decoration:underline; color:#E87300; }
.input-txt{ width:240px; border:1px solid #ccc; padding:3px 4px 2px; color:#4b4b4b; }
.table-input-error{ color:#CC0000; background:url(../images/input_error.png) no-repeat 5px center; padding-left:25px; display:inline-block; vertical-align:middle; }
.table-submit{ color:#1b1a1a; font-weight:bold; text-align:center;  }
.table-submit div{ text-align:center; height:23px; line-height:23px; padding:0; }
.table-submit div span{ color:#1b1a1a;  text-align:center; display:inline-block; padding-left:30px; }
.table-submit .submit-succ{ background:url(../images/bg_submit_succ.jpg) no-repeat left center; }
.table-submit .submit-error{ background:url(../images/bg_submit_error.jpg) no-repeat left center; }
.table-submit .submit-warn{ background:url(../images/bg_submit_warn.jpg) no-repeat left center; }
.input-file{ width:250px; height:22px; vertical-align:middle; line-height:18px; margin-right:5px; }
.input-logo{ height:33px; width:33px; vertical-align:middle; }
textarea.input-txt{ width:450px;}
.add-info .name, .add-info tr td:first-child{ width:85px; text-align:right; color:#8c8484;}
.add-info-right{ width:205px; }
td.add-info-right{ padding-left:20px; }
textarea.input-txt-right{ width:377px; border:1px solid #ccc; padding:3px 4px 2px; color:#4b4b4b;}
*+html .add-info tr td:first-child{ width:auto;}
.add-package th, .add-package td{ text-align:center; width:16.6%;}
.add-package .btn-box{ height:24px; padding:6px 6px 0 0; text-align:right; margin-bottom:-30px; position:relative; z-index:1;}
.page-content-action{ margin-top:-6px; background:url(../images/bg_action_foot.png) repeat-x; }
.page-content-action p{ text-align:center; width:744px; padding-top:15px; clear:both; height:37px; }
.page-content-action p button{ margin-right:10px; }
.edit-info .name, .edit-info td:first-child{ width:135px; text-align:right; color:#8c8484;}

.board .even{ background:#fcf9df; }
.board .date{ float:right; margin-right:5px; color:#9f8c8c; }
.board td a{ color: #232323; background: url(../images/bg_menu-select.png) no-repeat 10px center; padding-left:20px; font-weight:normal; }
.board .btn-box{ height:24px; line-height:24px; padding:6px 6px 0 0; text-align:right; margin-bottom:-30px; position:relative; z-index:1;}
.board .board_t{ background:#fdfbeb; font-size:14px; font-weight:bold; color:#232323; }
.board .board_t td{ padding-left:15px; }
.board .board_d{ font-size:12px; font-weight:normal; margin-left:15px; color:#9c8787; }
.board .board_m td{ line-height:25px; padding:15px; text-indent:15px; }
.page-content-action label { margin-right:10px; }
.edit-package th, .edit-package td{ text-align:center; width:14.2%;}
.audit-info label input{ vertical-align:middle; }
.audit-info-name{ width:13%; text-align:right; color:#1b1a1a; font-weight:bold; background-color:#ecf5f6; }
.audit-info-value{ width:22%; color:#232323; }
.audit-info caption span{ border-top:1px solid #a1b5ca; }
.news-info .btn-box{ height:24px; line-height:24px; padding:6px 6px 0 0; text-align:right; margin-bottom:-30px; position:relative; z-index:1;}
.news-info .btn-box a{ font-weight:normal; }
.news-info td a{ font-weight:normal; background:url(../images/bg_table_list.png) no-repeat 15px center; padding-left:25px; }
.top-down{ width:356px; float:left; margin-bottom:20px; }
.top-down td{ padding:7px; }
.top-down-left{ margin-right:10px; }
.top-down td a{ color:#1b1a1a; font-weight:normal; padding-left:20px; margin-left:10px; height:15px; line-height:15px; display:inline-block; }
.top-list-1{ background:url(../images/bg_top_list.png) no-repeat 0 0; }
.top-list-2{ background:url(../images/bg_top_list.png) no-repeat 0 -15px; }
.top-list-3{ background:url(../images/bg_top_list.png) no-repeat 0 -30px; }
.top-list-4{ background:url(../images/bg_top_list.png) no-repeat 0 -45px; }
.top-list-5{ background:url(../images/bg_top_list.png) no-repeat 0 -60px; }
.top-list-6{ background:url(../images/bg_top_list.png) no-repeat 0 -75px; }
.top-list-7{ background:url(../images/bg_top_list.png) no-repeat 0 -90px; }
.top-list-8{ background:url(../images/bg_top_list.png) no-repeat 0 -105px; }
.top-list-9{ background:url(../images/bg_top_list.png) no-repeat 0 -120px; }
.top-list-10{ background:url(../images/bg_top_list.png) no-repeat 0 -135px; }
.data-info td, .data-info th{ text-align:left; padding-left:20px; }
.data-info input{ width:167px; }
.data-info span{ margin-right:10px; }
.data-info img{ margin:5px auto; }

.test-table td, .test-table th{ text-align:left; padding-left:20px; }
.test-table span{ margin-right:10px; }
.test-table td.check{ width:28px; }
.test-table .input-txt{ width:120px; }
.test-table td.name{ width:120px; }
.test-table td.type{ width:120px; }
.test-table td.state{ width:120px; }
.test-table td.option{ width:120px; }
.test-table .togzip{ text-align:center; margin:12px 0; }
.test-table .input-file{ width:456px; }


/* *************************** 
   Popup Common Page
   ***************************/
.pop-wrapper{ position:relative; border:1px solid #a1b5ca; width:583px; margin:0 auto; height:200px; }
.pop-wrapper{ width:483px; }
.pop-wrapper-header{ background:url(../images/bg_pop_header.png) repeat-x; height:34px; font-size:14px; font-weight:bold; line-height:33px; border-bottom:1px solid #a1b5ca; text-indent:17px; }
.pop-wrapper-header2{ background:url(../images/bg_pop_header2.png) repeat-x; height:40px; font-size:14px; font-weight:bold; line-height:40px; border-top:1px solid #89b7e3; text-indent:17px; color:#ffffff; }
.pop-action-header{ background:url(../images/bg_pop_action.png) repeat-x; height:34px; line-height:34px; border-top:1px solid #cee4f9; font-weight:bold; }
.pop-action-search{ background:url(../images/bg_search.png) no-repeat 0px center; padding-left:2px; display:inline-block; }
.pop-action-foot{ border-top:1px solid #a1b5ca; height:36px; }
.pop-action-foot p{ text-align:center; padding:5px 0; }
.pop-close{ position:absolute; top:10px; right:10px; }
.pop-main{ background:url(../images/bg_pop_main.png) repeat-x; height:144px; padding-top:15px; }
.pop-main .loading{ height:45px; background:url(../images/loading.gif) no-repeat 128px center; font-size:14px; line-height:45px; text-align:center; }
.pop-main .confirm{ height:40px; font-size:14px; line-height:40px; text-align:center; font-weight:bold; }
.pop-main .pop-action-foot{ border:none 0; }
.pop-main .pop-action-foot button{ margin-right:6px; }


/* *************************** 
   Popup Software Page
   ***************************/
.pop-content-match label{ vertical-align:middle; padding-right:20px; }
.pop-content-match label.label-s{ padding-right:15px; }
.pop-content-match label select{ vertical-align:middle; margin-left:5px; }
.pop-content-match p{ border-top:1px solid #cee4f9; height:20px; padding: 5px 0;padding-left:42px; display:block;}
.pop-content-match p button{ margin-right:10px; }



/* *************************** 
   Register
   ***************************/
.register{ height:500px; line-height:22px; }
.register-join{ background:url(../images/bg_register_join.png) no-repeat; width:743px; margin-left:1px; height:161px; }
	.register-join .info{ padding:64px 10px 0 190px; }
	.register-join h2,.register-pwd h2{ text-indent:-999em; height:0; overflow:hidden; }
.register-pwd{ background:url(../images/bg_register_pwd.png) no-repeat; width:743px; margin-left:1px; height:158px; }
	.register-pwd .info{ padding:60px 10px 0 190px; }
	

/* *************************** 
   Plan Step
   ***************************/
.plan-step{ background:url(../images/bg_plan.png) no-repeat; width:705px; height:71px; padding:10px 0 0 18px; color:#666666; margin:30px 0; }
	.plan-step-1{ background-position:0 0; }
	.plan-step-2{ background-position:0 -81px; }
	.plan-step-3{ background-position:0 -162px; }
	.plan-step-4{ background-position:0 -243px; }
.plan-step .c-b{ color:#717171; }
.plan-step dl{ float:left; width:152px; height:62px; }
.plan-step dt{ line-height:20px; font-weight:bold; margin-bottom:4px; }
.plan-step dd{ line-height:16px; }
	.plan-step .s-1{ width:152px; margin-right:52px; }
	.plan-step .s-2{ width:122px; margin-right:44px; }
	.plan-step .s-3{ width:132px; margin-right:36px; }
	.plan-step .s-4{ width:148px; }

/* *************************** 
   Page Navi
   ***************************/
.table-pagenavi { clear: both; font-size:12px; float:right; padding:5px;}

.table-pagenavi a, .table-pagenavi span { text-decoration: none; padding: 2px 5px; margin: 2px; color:#838383; display:block; float:left; }

.table-pagenavi a:hover, .table-pagenavi span.current {border-color: #000;}

.table-pagenavi span.current { font-weight: bold;color:#0067d0;border: 1px solid #E9E9E9;}
